<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
</body>
<script>
    // String Number Boolean null undefined 


    // 算数运算符  + - *  /  %

    // 隐式类型转换 
    // String和数字运算(+ - *  /  %) 
    // 字符串和数字运算
    // 1.遇到 "+"  会拼接形成新的字符串
    // 2.遇到 "- * /  %" 会先隐式的转化为数字 在运算
    //   a. 纯数字类型的字符串  => 对应的数字
    //   a. 非纯数字类型的字符串  => NaNs

    // 注意:NaN和任何值运算  结果均为NaN


    // (1) 纯数字类型的字符串 和 数字
    //     遇到 "+"  会拼接形成新的字符串
    //     遇到 "- * /  %" 会先隐式的转化为数字 在运算

    // var a = "10";
    // var b = 3 ;

    // var c = a + b;  // "10" + 3   => "103"
    // var c = b + a;  // 3 + "10"   => "310"
    // // console.log(c);

    // var c = a - b; // "10" => 10 - 3 => 7
    // var c = a * b;
    // var c = a / b;
    // var c = a % b;
    // console.log(c);

    // (2) 非纯数字类型的字符串 和 数字
    //     遇到 "+"  会拼接形成新的字符串
    //     遇到 "- * /  %" 会先隐式的转化为数字(NaN) 在运算

    // 注意:NaN和任何值运算  结果均为NaN

    var a = "10a";
    var b = 3 ;

    var c = a + b;  // "10a" + 3   => "10a3"
    var c = b + a;  // 3 + "10a"   => "310a"
    // console.log(c);

    var c = a - b; // "10a" => NaN - 3 => NaNs
    var c = a * b;
    var c = a / b;
    var c = a % b;
    console.log(c);
    
 

</script>
</html>